<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">

	<!-- Meta required for Bootstrap -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" href="/static/img/icon.png" type="image/x-icon" />
	<title>WeStudy</title>

	<!-- Fonts -->
	<link rel="stylesheet" href="/static/fonts/Quattrocento/Quattrocento.css">
	<link rel="stylesheet" href="/static/fonts/Quattrocento_Sans/Quattrocento_Sans.css">

	<!-- Icons -->
	<link rel="stylesheet" href="/static/fonts/MaterialDesign/css/materialdesignicons.min.css">
	<link rel="stylesheet" href="/static/fonts/Outicons/flaticon.css">

	<!-- Styles -->
	<link rel="stylesheet" href="/static/bootstrap-4.3.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="/static/owl-carousel/owl.carousel.css">
	<link rel="stylesheet" href="/static/owl-carousel/owl.theme.css">

	<link rel="stylesheet" href="/static/css/main.css">
	<link rel="stylesheet" href="/static/css/responsive.css">

</head>
<body>
	<!-- <div id="page-preloader"><span class="spinner"></span></div> -->
	<div class="page-wraper">
		<div class="full-search-wrap">
			<div class="full-search container">
				<div class="full-search__close pull-right animate"><span class="mdi mdi-close"></span></div>
				<form class="full-search__form">
			        <input type="text" id="s-full" class="full-search__input" placeholder="Search">
			        <input type="submit" hidden>
					<p class="full-search__hint">Type in your search and press enter</p>
				</form>
			</div>
		</div>

		<!-- Header section start -->
		<header class="page-header header-sticky">
			<div class="container">
				<div class="top-bar">
					<div class="top-bar__widgets">
						<div class="row align-items-center">
                            <div class="col-md-5 col-lg-4">
								<div class="top-bar__user-menu">
                                    <p id=username name=username style="margin: auto">{{ username }}</p>
								</div>
							</div>
							<div class="col-md-2 col-lg-4">
								<div class="top-bar__logo text-lg-center">
                                    <a class="logo-title logo-title_reg">WeStudy</a>
								</div>
							</div>
							<div class="col-md-5 col-lg-4">
								<div class="top-bar__social text-right">
									<ul class="social-menu social-menu__right nav justify-content-md-end">
                                        <li class="nav-item"><a href="/" class="nav-item"><i class="mdi mdi-logout"></i></a></li>
										<li class="nav-item"><a href="https://www.bootcss.com/" class="nav-item"><i class="mdi mdi-blogger"></i></a></li>
										<li class="nav-item"><a href="https://gitee.com/wingyan" class="nav-item"><i class="mdi mdi-github-circle"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="mob-menu">
						<div id="mob-toggle" class="animate"><i class="icon icon-lg flaticon-menu-options"></i></div>
					</div>
				</div>
				<div class="main-navigation__wrap">
					<div class="main-navigation absolute">
						<ul class="nav justify-content-between">
							<li>
							</li>
					        <li class="nav-item menu-item-has-children">
								<a href="/Home?username={{ username }}" class="nav-link">Home</a>
							</li>
					        <li class="nav-item">
								<a href="/Python?username={{ username }}" class="nav-link">Python</a>
							</li>
					        <li class="nav-item">
								<a href="/API?username={{ username }}" class="nav-link">API</a>
							</li>
					        <li class="nav-item menu-item-has-children">
                                <a>
                                    Function
                                </a>
								<ul class="sub-menu">
									<li class="nav-item">
										<a href="/wordbook-choice?username={{ username }}" class="nav-link">单词本</a>
									</li>
									<li class="nav-item">
										<a href="/recite-wordbook?username={{ username }}" class="nav-link">背单词</a>
									</li>
								</ul>
							</li>
					        <li class="nav-item">
								<a href="/Others?username={{ username }}" class="nav-link">Others</a>
							</li>
					        <li class="nav-item">
                                <a href="/Viewlog?username={{ username }}" class="nav-link">Web's Log</a>
							</li>
					        <li class="nav-item menu-item-has-children">
							</li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		<!-- Header section end -->

		<!-- Page content section start -->
		<main class="page-content">
			<!-- Slider section start -->
			<section class="hero-slider-section">
				<div id="hero-slider" class="main-slider">
					<div class="main-slider__item" style="background-image: url('/static/img/slide2.jpg')">
						<div class="container">
							<div class="item__content">
								<div class="cat-title"><a href="/Python?username={{ username }}">Python</a></div>
								<h1 class="main-slider__title"><a href="/Python-passage?username={{ username }}">Python入门<br> 购物车功能</a></h1>
							</div>
						</div>
					</div>
					<div class="main-slider__item" style="background-image: url('/static/img/slide3.jpg')">
						<div class="container">
							<div class="item__content">
								<div class="cat-title"><a href="/API?username={{ username }}">API</a></div>
								<div class="main-slider__title"><a href="/API-passage?username={{ username }}">高德API<br> 步行导航功能</a></div>
							</div>
						</div>
					</div>
					<div class="main-slider__item" style="background-image: url('/static/img/slide1.jpg')">
						<div class="container">
							<div class="item__content">
								<div class="cat-title"><a href="/Others?username={{ username }}">Others</a></div>
								<div class="main-slider__title"><a href="/Others-passage?username={{ username }}">无痛早起大法<br> 告别熬夜低效率</a></div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- Slider section start -->

			<!-- News primary section start -->
			<section class="section news-primary">
				<div class="container">
					<h4>精选文章</h4>
					<div class="news-masonry masonry-grid row columns-3">
						<div class="new-item col-md-6 col-lg-4">
							<div class="new-item__wrap">
								<div class="new-item__image">
									<a href="/Python-passage?username={{ username }}"><img src="/static/img/shoppingcar-blog.jpg" alt=""></a>
								</div>
								<div class="new-item__info">
									<div class="h3 new-item__title"><a href="/Python-passage?username={{ username }}">Python编写购物车</a></div>
									<ul class="new-item__meta d-flex align-items-center">
										<li class="new-item__meta-author">
											<a><span class="meta-author__img"></span>WeStudy</a>
										</li>
										<li class="new-item__meta-cat"><a href="/Python?username={{ username }}">Python</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="new-item col-md-6 col-lg-4">
							<div class="new-item__wrap">
								<div class="new-item__image">
									<a href="/API-passage?username={{ username }}"><img src="/static/img/geowalk-blog.jpg" alt=""></a>
								</div>
								<div class="new-item__info">
									<div class="h3 new-item__title"><a href="/API-passage?username={{ username }}">高德API步行导航</a></div>
									<ul class="new-item__meta d-flex align-items-center">
										<li class="new-item__meta-author">
											<a><span class="meta-author__img"></span>WeStudy</a>
										</li>
										<li class="new-item__meta-cat"><a href="/API?username={{ username }}">API</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="new-item col-md-6 col-lg-4">
							<div class="new-item__wrap">
								<div class="new-item__image">
									<a href="/Others-passage?username={{ username }}"><img src="/static/img/getup-blog.jpg" alt=""></a>
								</div>
								<div class="new-item__info">
									<div class="h3 new-item__title"><a href="/Others-passage?username={{ username }}">无痛早起大法</a></div>
									<ul class="new-item__meta d-flex align-items-center">
										<li class="new-item__meta-author">
											<a><span class="meta-author__img"></span>WeStudy</a>
										</li>
										<li class="new-item__meta-cat"><a href="/Others?username={{ username }}">Others</a></li>
									</ul>
								</div>
							</div>
						</div>
	<!-- Scripts -->

	<script src="/static/jquery/jquery-2.2.3.min.js"></script>
	<script src="/static/bootstrap-4.3.1/js/popper.min.js"></script>
	<script src="/static/bootstrap-4.3.1/js/bootstrap.min.js"></script>
	<script src="/static/owl-carousel/owl.carousel.min.js"></script>
	<script src="/static/isotope/imagesLoaded.min.js"></script>
	<script src="/static/isotope/isotope.pkgd.min.js"></script>
	<script src="/static/js/common.js"></script>

</body>
</html>

